/* Estilos DxD*/
#drops div {
	width: 100px; height: 100px;
	text-align: center;
	font: normal normal bold 30pt/100px sans-serif;
	position: absolute;
	}

#drags div {
	width: 100px; height: 100px;
	text-align: center;
	cursor: pointer;
	-moz-border-radius: 10px;
	font: normal normal bold 20pt/100px sans-serif;
}


#drops div p, #drags div p, #dragInfo p {
	font: normal normal normal 10px/12px sans-serif;
	margin: 0px;
	text-align: left;
}

#eventInfo {
	width: 800px; height: 230px;
	position: absolute;
	right: 100px; bottom: 10px;
	color: #0F0;
	padding: 3px;

	border: 1px solid #888;
	-moz-border-radius: 3px;
	background-color: #022;	
}

#eventInfo b {
	color: #AF0;
}

.par {
	background-color: #031;	
}
.none {
	background-color: #032;	
}

#eventInfo p {
	margin: 0;
	font: normal normal normal 11px/14px sans-serif;
	border-bottom: 1px solid #0A0;
}








.miDxD-iniDrag {
	background-color: #AFA;
	border: 1px solid #AAA;
	}

.miDxD-enterDrag {
	background-color: #4A4;
	border-color: #282;
	color:  #FFF;
	}


.miDxD-dragDrag {
	background-color: #FFA;
	border-color: #46A;
	color:  #004;
	}

.miDxD-overDrag {
	background-color: #F60;
	border-color: #A00;
	color: #000;
	}
	
.miDxD-dropDrag {
	background-color: #A00;
	border-color: #602;
	color:  #FFF;
	}



.miDxD-iniDrop {
	border: 1px solid #09A;
	-moz-border-radius: 10px;
	background-color: #0AF;
	color: #FFF;
	}

.miDxD-overDrop {
	background-color: #8CF;
	color: #000;
	}

.miDxD-dropDrop {
	background-color: #08A;
	border-color: #036;
	color: #FFF;
	}

.miDxD-trueDrop {
	font: normal normal bolder 20pt/40px sans-serif;
 	background-position: -400px top;
	color: #000;
	}
